html,body
{
height: 100%;
padding: 0px;
margin: 0px;
}

.main
{
background-image:url(images/background-radial-gradient-yellow.jpg);
-moz-background-size:100% 100%; /* Old Firefox */
background-size:100% 100%;
background-repeat:no-repeat; 
min-height:100%;
}
.footer
{
width:100%;

}
.header
{
width:100%;

}

#sidebar
{
display:inline-block;
background: #ff4;
float: left;
width:200px;
height:90%;
margin-top: 10px;
}


#container {
   min-height:100%;
   position:relative;
   height:100%;
}
#header {
	background:#ff0;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	height:15%;
}
#body {
   padding-left:10px;
   padding-right:10px;
   margin-left:auto;
   margin-right:auto;
   width:70%;
   min-height:75%;
   height:80%
}
#footer {
   position:fixed;
   bottom:0;
   width:100%;
   height:10%;   /* Height of the footer */
   background:#6cf;
}